.header {
    display: flex;
    text-align: center;
    .h1 {
        flex: 1;
        font-size: .8rem /* 40/50 */;
        margin: 0;
        height: 2rem /* 100/50 */;
        line-height: 2rem /* 100/50 */;
        font-weight: 700;
        color: #ffffff;
    }
}

.main1 {
    background-color: #fff;
    .main1-box {
        display: flex;
        padding: .6rem /* 30/50 */ .32rem /* 16/50 */;
        border-bottom: 1px solid #c4c3c1 ;
        position: relative;
        .main1-img {
            float: left;    
            width: 4.72rem /* 236/50 */;
            height: 4rem /* 200/50 */;
        
        }
        .main1-p {
            float: right;
            vertical-align: middle;
            .p1-top {
                min-height: 2.6rem /* 130/50 */;
                font-size: .6rem /* 30/50 */;
               
                span:nth-child(1) {
                    color: #ff5f05;
                }
            }
            .p1-down {
                
                span {
                    font-size: .52rem /* 26/50 */;
                    color: #c4c3c1;
                }
                span:nth-child(1) {
                    float: left;
                }
                span:nth-child(2) {
                    float: right;
                }
            }

        }

        


    }
}

//page
.page {
    padding: .2rem /* 10/50 */ .6rem /* 30/50 */;
    background-color: #fff;
    .page-box {
        display: flex;
        justify-content: space-between;
        padding: .2rem /* 10/50 */ 1.54rem /* 77/50 */;
        .left {
            padding: .16rem /* 8/50 */ .6rem /* 30/50 */;
            background: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#d4d4d4));
            border-radius: .2rem /* 10/50 */;
            box-shadow: 0 0 .2rem /* 10/50 */ #c4c3c1;
            line-height: .66rem /* 33/50 */;
        }
        .content{ 
            select {
                padding: .16rem /* 8/50 */ .6rem /* 30/50 */;
                background-color: #fafafa;
                font-size: .48rem /* 24/50 */;
            }
            
        }
        .right { 
            padding: .16rem /* 8/50 */ .6rem /* 30/50 */;
            background: -webkit-gradient(linear,0 0,0 100%,from(#f1f1f1),to(#d4d4d4));
            border-radius: .2rem /* 10/50 */;
            box-shadow: 0 0 .2rem /* 10/50 */ #c4c3c1;
            line-height: .66rem /* 33/50 */;

        }

    }

}